<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="format-detection" content="telephone=no, email=no">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>社区公共卫生服务</title>
    <link href="../Base/img/favicon.ico" rel="shortcut icon" type="image/x-icon">
    <link rel="stylesheet" href="../Base/css/base.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="../Extend/Swiper/swiper-3.3.1.min.css">

</head>
<body>
    <div class="container">
        <div class="header">
            <div class="h-title">社区公共卫生服务</div>
        </div>
        <div class="slide">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" onclick="window.location.href='#1'">
                        <img src="img/brand_1.jpg"/>
                    </div>
                    <div class="swiper-slide" onclick="window.location.href='#2'">
                        <img src="img/brand_1.jpg"/>
                    </div>
                    <div class="swiper-slide" onclick="window.location.href='#3'">
                        <img src="img/brand_1.jpg"/>
                    </div>
                    <div class="swiper-slide" onclick="window.location.href='#4'">
                        <img src="img/brand_1.jpg"/>
                    </div>
                    <div class="swiper-slide" onclick="window.location.href='#5'">
                        <img src="img/brand_1.jpg"/>
                    </div>
                </div>
                <div class="swiper-pagination"></div>
                <div class="s-more" onclick="window.location.href='../User/login.html'">查看更多社区活动 <span class=" icon-angle-right"></span></div>
            </div>
        </div>
        <div class="news">
            <div class="n-title">
                健康资讯
                <div class="n-repeat">
                    <span class="icon-repeat" title="刷新" onclick="window.location.reload(true);"></span>
                </div></div>
            <div class="n-item row-large" onclick="window.location.href='newsContent.html'">
                <div class="n-item-content n-multiple">
                    <div class="n-item-title">一根有斑点的香蕉到底多厉害？</div>
                    <div class="n-img">
                        <div class="n-img-item"><img src="img/news_one.png"></div>
                        <div class="n-img-item"><img src="img/news_two.png"></div>
                        <div class="n-img-item"><img src="img/news_three.png"></div>
                    </div>
                    <div class="n-item-msg">
                        <span class="n-item-date">2分钟前</span>
                        <span class="n-item-source">天天饮食</span>
                        <div class="n-item-type">
                            <span>涨知识</span>
                        </div>
                    </div>
                    <div class="n-line"></div>
                </div>
            </div>
            <div class="n-item row-large" onclick="window.location.href='newsContent.html'">
                <div class="n-item-content n-multiple">
                    <div class="n-item-title">一根有斑点的香蕉到底多厉害？</div>
                    <div class="n-img">
                        <div class="n-img-item"><img src="img/news_one.png"></div>
                        <div class="n-img-item"><img src="img/news_two.png"></div>
                        <div class="n-img-item"><img src="img/news_three.png"></div>
                    </div>
                    <div class="n-item-msg">
                        <span class="n-item-date">2分钟前</span>
                        <span class="n-item-source">天天饮食</span>
                        <div class="n-item-type">
                            <span>涨知识</span>
                        </div>
                    </div>
                    <div class="n-line"></div>
                </div>
            </div>
            <div class="n-item row-large" onclick="window.location.href='newsContent.html'">
                <div class="n-item-content n-multiple">
                    <div class="n-item-title">一根有斑点的香蕉到底多厉害？</div>
                    <div class="n-img">
                        <div class="n-img-item"><img src="img/news_one.png"></div>
                        <div class="n-img-item"><img src="img/news_two.png"></div>
                        <div class="n-img-item"><img src="img/news_three.png"></div>
                    </div>
                    <div class="n-item-msg">
                        <span class="n-item-date">2分钟前</span>
                        <span class="n-item-source">天天饮食</span>
                        <div class="n-item-type">
                            <span>涨知识</span>
                        </div>
                    </div>
                    <div class="n-line"></div>
                </div>
            </div>
            <div class="n-item row-large" onclick="window.location.href='newsContent.html'">
                <div class="n-item-content n-multiple">
                    <div class="n-item-title">一根有斑点的香蕉到底多厉害？</div>
                    <div class="n-img">
                        <div class="n-img-item"><img src="img/news_one.png"></div>
                        <div class="n-img-item"><img src="img/news_two.png"></div>
                        <div class="n-img-item"><img src="img/news_three.png"></div>
                    </div>
                    <div class="n-item-msg">
                        <span class="n-item-date">2分钟前</span>
                        <span class="n-item-source">天天饮食</span>
                        <div class="n-item-type">
                            <span>涨知识</span>
                        </div>
                    </div>
                    <div class="n-line"></div>
                </div>
            </div>
            <div class="n-tips">加载中...</div>
        </div>
    </div>
    <div class="footer">
        <div class="menu">
            <div class="menu-item text-active">
                <p class="menu-ico icon-home"></p>
                <p class="menu-text">资讯</p>
            </div>
            <div class="menu-item" onclick="window.location.href = '../Medical/index.html'">
                <p class="menu-ico icon-stethoscope"></p>
                <p class="menu-text">医疗</p>
            </div>
            <div class="menu-item" onclick="window.location.href = '../Life/guidance.html'">
                <p class="menu-ico icon-dashboard"></p>
                <p class="menu-text">生活</p>
            </div>
            <div class="menu-item" onclick="window.location.href = '../Mine/archives.html'">
                <p class="menu-ico icon-user"></p>
                <p class="menu-text">我</p>
            </div>
        </div>
    </div>
    <div class="btn-top icon-upload"></div>
    <script src="../Extend/JQuery/jquery-1.10.1.min.js"></script>
    <script src="../Extend/Swiper/swiper-3.3.1.jquery.min.js"></script>
    <script src="../Base/js/base.js"></script>
    <script src="js/index.js"></script>
</body>
</html>